$(document).ready(function() {
  const apiUrl = 'http://localhost:9000/users/register'; // API的URL地址

  // 获取输入框和错误提示元素
  const $username = $('.username');
  const $password = $('.password');
  const $rpassword = $('.rpassword');
  const $nickname = $('.nickname');
  const $error = $('.error');

  // 注册用户的函数
  function registerUser(event) {
    event.preventDefault(); // 阻止表单的默认提交行为

    // 获取输入框的值并去除两端空白
    const username = $username.val().trim();
    const password = $password.val().trim();
    const rpassword = $rpassword.val().trim();
    const nickname = $nickname.val().trim();

    // 检查密码和确认密码是否一致
    if (password !== rpassword) {
      $error.text('密码和确认密码不一致').show(); // 显示错误信息
      return;
    }

    // 发送POST请求注册用户
    $.post(apiUrl, {
      username: username,
      password: password,
      rpassword: rpassword,
      nickname: nickname
    })
    .done(function(response) {
      if (response.code === 1) { // 注册成功
        alert(response.message); // 显示成功信息
        window.location.href = 'login.html'; // 跳转到登录页面
      } else { // 注册失败
        $error.text(response.message).show(); // 显示错误信息
      }
    })
    .fail(function() { // 请求失败
      $error.text('服务器错误，请稍后再试').show(); // 显示错误信息
    });
  }

  // 为表单提交事件绑定registerUser函数
  $('form').on('submit', registerUser);
});
